<!--
 * @Encoding: 
 * @Descripttion: 
 * @Author: Y2014188432
 * @Date: 2022-04-25 19:15:57
-->
<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "app",
  components: {
    HelloWorld,
  },
  data() {
    return {
      msg: "World",
      isRouterAlive: "true",
    };
  },
  methods: {
    test: function () {
      alert("Test");
    },
    keyUp: function () {
      alert("你按下了回车");
    },
  },
};
</script>

<style>
html,
body {
  width: 100%;
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
#app {
  width: 100%;
  height: 100%;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
}
</style>
